<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title> HTML组块测试 </title>
</head>

<body>
        <h3>组件展示</h3>
        <table border="1" style="border-collapse: collapse">
            <tr>
                <td>标签</td>
                <td>控件</td>
                <td>说明</td>
            </tr>
            <tr>
                <td>姓名：</td>
                <td><input type="text" value="张三"></td>
                <td>文本框</td>
            </tr>
            <tr>
                <td>密码：</td>
                <td><input type="password" value="123456"></td>
                <td>密码框</td>
            </tr>
            <tr>
                <td>性别</td>
                <td>
                    男：<input type="radio" name="sex" checked="checked">
                    女：<input type="radio" name="sex">
                </td>
                <td>单选按钮</td>
            </tr>
            <tr>
                <td>爱好</td>
                <td>
                    游戏：<input type="checkbox" checked="checked">
                    音乐：<input type="checkbox">
                    美食：<input type="checkbox">
                    运动：<input type="checkbox">
                </td>
                <td>复选框</td>
            </tr>
            <tr>
                <td>居住地</td>
                <td>
                    <select>
                        <option selected="selected">山东</option>
                        <option>北京</option>
                        <option>上海</option>
                    </select>
                </td>
                <td>下拉菜单</td>
            </tr>
            <tr>
                <td>主页</td>
                <td><a href="https://www.baidu.com/"> 自己百度 </a></td>
                <td>超链接</td>
            </tr>
            <tr>
                <td>头像</td>
                <td><img src="d54db925bc315c60d32e0c2483b1cb134b5477f1.jpg"></td>
                <td>图片</td>
            </tr>
            <tr>
                <td>备注</td>
                <td><textarea>写备注：</textarea></td>
                <td>文本域</td>
            </tr>
        </table>
</body>
</html>